.PullView {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  /*  #ifndef rn  */
  transition: background-color 0.2s;
  /*  #endif  */
  &__main {
    position: absolute;
    opacity: 0;
    z-index: 10;
    /*  #ifndef rn  */
    transition: opacity 0.2s, transform 0.2s;
    /*  #endif  */
    /*  #ifdef harmony  */
    align-items: center;
    /*  #endif  */

    /*  #ifndef rn  */
    &--top {
      left: 0;
      width: 100%;
      top: 0;
      transform: translate(0, -200px);
    }

    &--bottom {
      left: 0;
      width: 100%;
      bottom: 0;
      transform: translate(0, 200px);
    }

    &--left {
      top: 0;
      height: 100%;
      left: 0;
      transform: translate(-200px, 0);
    }

    &--right {
      top: 0;
      height: 100%;
      right: 0;
      transform: translate(200px, 0);
    }

    &--show {
      opacity: 1;
      transform: translate(0, 0);
    }
    /*  #endif  */
  }

  &__other {
    flex: 1;
  }
}
